﻿{extend name="../template/master.html" /}
{block name="content"}
 

  <div class="wrapper w980 bc clearfix">
    <script src="/static/index/js/qq.js" type="text/javascript"></script>	
    <link rel="stylesheet" type="text/css" href="/static/index/css/login.css">
	<div class="containt">
		 <div class="header">
		       <div class="header-content">
			    <!--      <img src="/static/index/images/logo_1.png" alt="logo">
			         <p>非一般的感觉<br/>xtep.com.cn</p>-->
		       </div>
          </div>
		  <div class="center">
		  <form id="d_login" name="d_login" method="post">
		  	    <div class="center-news">
		  	    <a href="http://shang.qq.com/wpa/qunwpa?idkey=b59bdb271b0d470c8e8be0ed747d73e345d719e0ab5b43c02382c015a1346cc1" target="_blank" style="float: left;margin-top:40px";><img src="/static/index/images/506-384.jpg"></a>		  	    	  <div class="login-news">
		  	    	  	  <span>
		  	    	  	  	  <p><a>登入特步</a></p>
		  	    	  	  	  <p><a href="{:url('/index/user/register')}" style="color: gray;">免费注册</a></p>
		  	    	  	  </span>
		  	    	  	  <div class="text" > 
		  	    	  	  	   <img src="/static/index/images/0002s_0005s_0000_iconfont-03.png"/>
		  	    	  	  	   <input type="text"  name="d_user_name" id="user_name"  maxlength="64" placeholder="用户名"/>
		  	    	  	  </div>
		  	    	  	  <div class="text">
		  	    	  	  	   <img src="/static/index/images/0002s_0004s_0000_iconfont-mima.png"/>
		  	    	  	  	   <input type="password" maxlength="16" id="password"  placeholder="密码"/>
		  	    	  	  </div>
		  	    	  	  <div class="check">
		  	    	  	  	   <input type="checkbox" id="remember"/>
		  	    	  	  	   <p>下次自动登入</p>
		  	    	  	  	   <p><a href="/user/index/find_pwd">忘记密码</a></p>
		  	    	  	  </div>
		  	    	  	  <input id="sub"  type="image" src="/static/index/images/0002_login.png" style="margin-left:34px;">
		  	    	  	  <p>你也可以使用以下账号登入：</p>
		  	    	  	  <ul>
		  	    	  	  	   <li  >
		  	    	  	  	   	   <img src="/static/index/images/0007_qq.png"/>
		  	    	  	  	   	   <p>QQ</p>
		  	    	  	  	   </li>
                               <!--
		  	    	  	  	   <li onclick="_xUnionScript.toSinaLogin();">
		  	    	  	  	   	   <img src="/static/index/images/0006_weibo.png" />
		  	    	  	  	   	   <p>微博</p>
		  	    	  	  	   </li>
                               -->
                         
		  	    	  	  	   <li onclick="_xUnionScript.toWeixinLogin();">
		  	    	  	  	   	   <img src="/static/index/images/0005_wechat.png"/>
		  	    	  	  	   	   <p>微信</p>
		  	    	  	  	   </li>
                             
                               <!--
		  	    	  	  	   <li onclick="_xUnionScript.toTaobaoLogin();">
		  	    	  	  	   	   <img src="/static/index/images/0004_tao.png" />
		  	    	  	  	   	   <p>淘宝</p>
		  	    	  	  	   </li>
                               -->
                                <!--
		  	    	  	  	   <li onclick="_xUnionScript.toRenrenLogin();">
		  	    	  	  	   	   <img src="/static/index/images/0009_renren.png" />
		  	    	  	  	   	   <p>人人</p>
		  	    	  	  	   </li>
                               -->
		  	    	  	  	   <li onclick="_xUnionScript.toAliPayLogin();">
		  	    	  	  	   	   <img src="/static/index/images/0010_alipay.png"/>
		  	    	  	  	   	   <p>支付宝</p>
		  	    	  	  	   </li>
		  	    	  	  	   
		  	    	  	  </ul>
<!-- 		  	    	  	  <div class="news">
		  	    	  	      <input type="checkbox">
		  	    	  	      <p>我已阅读并同意《特步服务条款》</p>
		  	    	      </div> -->
		  	    	  </div>
		  	    </div>
		  	  </form>
		  </div>

	</div></div>
<script>


    $("#sub").click(function(event){
        event.preventDefault();
        var data = {
            user: $('#user_name').val(),
            pw: $('#password').val(),
            remember: $('#remember').val(),
        };
        $.post("{:url('index/user/loginajax')}",data,function(res){
            if (res===1){
                location.href='/'  ;
			}

        },'json')
    });

</script>



<!--footer  start-->
{/block}
